<div class="card">
    <div class="card-body p-4 py-5 text-center">
        <span class="avatar avatar-xl mb-4 bg-green-lt avatar-rounded">W</span>
        <h3 class="mb-0">UI Redesign</h3>
        <p class="text-muted">Due to: 11 Nov 2019</p>
        <p class="mb-3">
            <span class="badge bg-green-lt">Final review</span>
        </p>
        <div>
            <div class="avatar-list avatar-list-stacked">
                <span class="avatar avatar-sm avatar-rounded">HS</span>
                <span class="avatar avatar-sm avatar-rounded"
                      style="background-image: url(./static/avatars/006m.jpg)"></span>
                <span class="avatar avatar-sm avatar-rounded"
                      style="background-image: url(./static/avatars/004f.jpg)"></span>
            </div>
        </div>
    </div>
    <div class="progress card-progress">
        <div class="progress-bar bg-green" style="width: 38%" role="progressbar"
             aria-valuenow="38" aria-valuemin="0" aria-valuemax="100">
            <span class="visually-hidden">38% Complete</span>
        </div>
    </div>
</div>
